<template>
  <div class="content">
      <p>今天又来看Chestnut了吗？🌰</p>
      <p>你说嗯好吗？🙃</p>
      <br>
      <p class="jiantou">emmm好吧，到这里操作文章🌰</p>
      <p class="jiantou">↓ ↓ ↓</p>
    <div class="btn" @click="release">发布文章💌</div>
    <div class="btn" @click="management">文章管理⌨</div>
    <div class="btn" @click="message">留言管理📓</div>
    <div class="btn" @click="time">时光机📺</div>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  methods: {
    release () {
      this.$router.push('/release')
    },
    management () {
      this.$router.push('/management')
    },
    message () {
      this.$router.push('/message')
    },
    time () {
      this.$router.push('/time')
    }
  }
}
</script>

<style lang="less" scoped>
.p {

}
.content {
  padding: 0 0 0 10px;
}
.btn {
  box-sizing: content-box;
  width: 100%;
  height: 80px;
  background-color: rgb(161, 158, 158);
  margin-bottom: 10px;
  // border-radius: 20px;
  border-top-left-radius: 25px;
  text-align: center;
  line-height: 80px;
  font-size: 20px;
  cursor: pointer;
}
.btn:hover {
  background-color: rgb(223, 223, 223);
}
.jiantou {
    width: 100%;
    margin: 10px auto;
    text-align: center;
}
</style>
